<template>
  <div>
    <h3>我是父组件</h3>
    <hr>
    <Son2 class="son2" />
    <hr>
    <div v-html="str" />
  </div>
</template>
<script>
import Son2 from './components/son2.vue'
export default {
  components: {
    Son2
  },
  data() {
    return {
      str: '<h1 class="aaa">我是富文本</h1>'
    }
  }
}
</script>
<style lang="scss" scoped>
/*
scoped:让当前组件的样式只作用于当前组件
  特点：可管子组件最外层,富文本管不到
  看得到（父组件的template）的管得到，看不到的管不到
管不到的怎么解决：  ::v-deep 深度选择

*/
.son {
  background-color: red;
}
.aaa {
  color: red;
}
</style>
